@import url(normalize.css);
@import url(public.css);
@import url(color.css);
@import url(headFooter.css);
@import url(input.css);

.container {
    position: relative;
    width: 100%;
    height: calc(100vh - 175px);
    background: url(../imgs/login.jpg) no-repeat;
    background-position-y: center;
    background-size: cover;
}

.container form {
    position: absolute;
    color: var(--b-white);
    width: 300px;
    background-color: var(--b-black-rgb-5);
    padding: 5px;
    border-radius: 5px;
    top: 50%;
    right: 200px;
    transform: translateY(-50%);
}

form .input-box{
    margin: 10px 0;
}

.container form .box{
    width: 250px;
    margin: 10px auto;
}

.container form p.bottom {
    margin: 10px 0;
    text-align: center;
}

.container form p.bottom a {
    color: var(--b-main-1);
}

form input[type="submit"] {
    display: block;
    padding: 0;
    background: linear-gradient(to right, var(--b-main-1), var(--b-main-2));
    color: var(--b-white);
    cursor: pointer;
    margin: 20px auto;
}